.my{
    display: flex;
    flex-direction: column;
    .main{
        flex: 1;
        background-color: rgba(232, 232, 232, 1);
        overflow-y: scroll;
        .head{
            display: block;
            height: 210px;
            background-color: #fff;
            .headbox{
                padding: 20px;
                img{
                    width: 120px;
                    height: 120px;
                    object-fit: cover;
                    border-radius: 50%;
                } 
                span{
                    margin-left: 14px;
                    color: rgba(16, 16, 16, 1);
                    font-size: 22px;
                }
                .icon-xuanzeqixiayige{
                    font-size: 24px;
                    color: rgba(138, 138, 138, 1);
                }
            }
            .sign{
                padding-left: 20px;
                color: rgba(138, 138, 138, 1);
                font-size: 18px;
            }
           
        }
        .clock{
            height: 80px;
            line-height: 40px;
            .clocktext{
                padding: 20px;
                .icon-riqi{
                    font-size: 30px;
                    color: rgba(66, 148, 255, 1);
                }
                .total{
                    color: rgba(16, 16, 16, 1);
                    font-size: 18px;
                }
                #day{
                    color: rgba(66, 148, 255, 1);
                    font-weight: bold;
                    font-size: 26px;
                    margin: 0 5px;
                }
                #clockBtn{
                    min-width: 103px;
                    height: 40px;
                    line-height: 29px;
                    border-radius: 20px;
                    background-color: rgba(170, 217, 247, 1);
                    color: rgba(0, 78, 115, 1);
                    font-size: 20px;
                    text-align: center;
                    font-weight: bold;
                }
            }
        }
        .talk{
            height: 68px;
            line-height: 34px;
            .talkdata{
                padding: 20px;
                i{
                    color: rgba(66, 148, 255, 1);
                    font-size: 30px;
                }
                .total{
                    color: rgba(16, 16, 16, 1);
                    font-size: 18px;
                }
                .datanum{
                    color: rgba(138, 138, 138, 1);
                    font-size: 16px;
                    margin-right: 10px;
                }
                .icon-xuanzeqixiayige{
                    font-size: 30px;
                    color: rgba(138, 138, 138, 1);
                }
            }
        }
        .sports{
            height: 176px;
            padding:20px 20px 20px 20px;
            .sportsbox{
                width: 100%;
                .icon-gerendongtai{
                    color: rgba(66, 148, 255, 1);
                    font-size: 30px;
                }
                .total{
                    color: rgba(16, 16, 16, 1);
                    font-size: 18px;
                    padding-top: 8px;
                }
                .icon-xuanzeqixiayige{
                    font-size: 30px;
                    color: rgba(138, 138, 138, 1);
                }
            }
            .totalbox{
                position: relative;
                .totalsports{
                    width: 100%;
                    padding: 0 25px 5px 10px;
                    h4{
                        color: rgba(138, 138, 138, 1);
                        font-size: 16px;
                        margin: 20px 0 15px 0;
                    }
                    #mintue,#mintues{
                        color: rgba(66, 148, 255, 1);
                        font-size: 40px;
                        span{
                            font-size: 12px;
                            color: rgba(16, 16, 16, 1);
                        }
                    }
                }
                em{
                    width: 1px;
                    height: 70px;
                    border-left: 2px dashed #ccc;
                    position: absolute;
                    left: 170px;
                    bottom: 10px;
                }
            }
            
        }
        
        .badge{
            min-height: 176px;
            padding:24px 20px 15px 24px;
            display: block;
            .sportsbox{
                width: 100%;
                .icon-gerendongtai{
                    color: rgba(66, 148, 255, 1);
                    font-size: 30px;
                }
                .total{
                    color: rgba(16, 16, 16, 1);
                    font-size: 18px;
                    padding-top: 8px;
                }
                .icon-xuanzeqixiayige{
                    font-size: 30px;
                    color: rgba(138, 138, 138, 1);
                }
            }
            .imgbox{
                // padding: 15px 27px 15px 20px;
                padding: 15px 0;
                .imglist{
                    
                    img{
                        width: 100px;
                        height: 100px;
                        border: 1px solid rgba(187, 187, 187, 1);
                        object-fit: cover;
                        border-radius: 50%;
                    }
                }
            }
        } 
    }
}